  <div class="panel panel-default">
  <div class="panel-body">
    <form 
id="point-form" 

action="form-result.html" method="post">
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-group">
    <label for="exampleInputFile">File input</label>
    <input type="file" id="exampleInputFile">
    <p class="help-block">Example block-level help text here.</p>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

</div>
</div>
<script>
    alert("It's a point form!");
    $('#point-form').attr('anyattr','ddd').on('submit',function(event){
      alert('1) reveive point-form submit event');
      console.log('1) receive point-form submit event:');
      console.log(event);
      var newEvent = $.Event('beforeSubmit')
      alert('2) trigger beforeSubmit event');
      console.log('2) trigger beforeSubmit event:');
      console.log(newEvent);
      $(this).trigger(newEvent);
      alert('3) triggered beforeSubmit event');
      console.log('3) triggered beforeSubmit event:');
      console.log (newEvent.result)
      console.log(newEvent);
      alert('4) end');
      return newEvent.result;
    });
</script>